@import "./sidebar";
@import "./reset";
@import "./dark";
@import "./element.scss";
@import "./custom.scss";
@import "./transition";

// 自定义滚动条样式
// 纵向滚动条
@mixin scroll-bar($width: 10px) {
  /*定义滚动条外层轨道的样式*/
  &::-webkit-scrollbar-track {
    border-radius: 10px;
    // background-color: rgba(255,255,255,0);
  }
  /*定义滚动条整体的样式*/
  &::-webkit-scrollbar {
    width: $width;
    // height: 100px;
    background-color: rgba(255, 255, 255, 0);
  }
  /*滚动条里面可以拖动的那个*/
  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2);
  }
}

html {
  div, section, span, ul, li, textarea, input {
    font-weight: 700 !important;
  }
}

body{
  min-width:800px;
  @include scroll-bar;
}


// 内容部分
.app-container {
  padding: 10px;
}

.search-container {
  padding: 18px 0 0 10px;
  margin-bottom: 10px;
  background-color: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  border-radius: 4px;
  box-shadow: var(--el-box-shadow-light);
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32 160 255);
  }
}

// 文字超出隐藏(一行)
// 需要设置文字容器的宽度
.oneline-hide {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

// 文字超出隐藏(两行)
// 需要设置文字容器的宽度
.twoline-hide {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

// 表单提示文字
.form-item-help {
  height: 25px;
  line-height: 25px;

  p {
    margin: 0;
    color: rgba(0, 0, 0, 0.45);
    font-size: 12.5px;
  }
}